<!doctype html>
<!--[if IE 7]><html class="no-js lt-ie9 lt-ie8" lang="en"><![endif]-->
<!--[if IE 8]><html class="no-js lt-ie9" lang="en"><![endif]-->
<!--[if gt IE 8]><!--><html class="no-js" lang="en"><!--<![endif]-->
<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

	<title>Poldo</title>

	<link rel="stylesheet" href="assets/css/reset.css" />
	<link rel="stylesheet" href="assets/css/main.css" />
	<link rel="stylesheet" href="../refineslide.css" />
	<link rel="stylesheet" href="assets/css/refineslide-theme-dark.css" />

    <script src="assets/js/modernizr.js"></script>

    <!--[if lt IE 9]>
        <script src="assets/js/respond.min.js"></script>
	<![endif]-->
</head>
<body>
	<div class="topline"></div>

	<div class="wrap group">
        <div class="group">
            <h1 class="title"><a href="<?php $HTTP_SERVER_VARS['PHP_SELF'] ?>">Poldo</a></h1>

            <div id="top-buttons" class="group">
                <a id="download" href="https://github.com/alexdunphy/refineslide/zipball/master">Download</a>
            </div>
        </div>
    </div>

    <div class="group section-wrap upper" id="upper">
        <div class="wrap group">
            <div class="section-1">
                <h2 class="subtitle">Transitions</h2>

                <ul id="legend">
                    <li>
                        <span class="bobble bobble-key">TYPE</span>
                        - supported by your browser
                    </li>
                    <li>
                        <span class="bobble bobble-key unsupported">TYPE</span>
                        - unsupported by your browser
                    </li>
                </ul>

                <ul class="translist group">
                    <li><a href="#_fade" class="button">Fade<div class="bobble-css bobble-js">CSS</div></a></li>
                    <li><a href="#_random" class="button">Random<div class="bobble-css">CSS</div></a></li>
                    <li><a href="#_sliceH" class="button">Slice horizontal<div class="bobble-css">CSS</div></a></li>
                    <li><a href="#_sliceV" class="button">Slice vertical<div class="bobble-css">CSS</div></a></li>
                    <li><a href="#_slideH" class="button">Slide horizontal<div class="bobble-css">CSS</div></a></li>
                    <li><a href="#_slideV" class="button">Slide vertical<div class="bobble-css">CSS</div></a></li>
                    <li><a href="#_scale" class="button">Scale<div class="bobble-css">CSS</div></a></li>
                    <li><a href="#_fan" class="button">Fan<div class="bobble-css">CSS</div></a></li>
                    <li><a href="#_blockScale" class="button">Block scale<div class="bobble-css">CSS</div></a></li>
                    <li><a href="#_kaleidoscope" class="button">Kaleidoscope<div class="bobble-css">CSS</div></a></li>
                    <li><a href="#_blindH" class="button">Blind horizontal<div class="bobble-css">CSS</div></a></li>
                    <li><a href="#_blindV" class="button">Blind Vertical<div class="bobble-css">CSS</div></a></li>
                    <li><a href="#_cubeH" class="button">Cube horizontal<div class="bobble-3d">3D</div></a></li>
                    <li><a href="#_cubeV" class="button">Cube vertical<div class="bobble-3d">3D</div></a></li>
                </ul>
            </div> <!-- /.section-1 -->

            <div class="section-2 group">
				<ul id="images" class="rs-slider">
				    <li class="group">
				        <a href="#">
				            <img src="assets/img/FaustoLeone.png" alt="" />
				        </a>
				        <div class="rs-caption rs-bottom">
				            <h3>Fausto Leone</h3>
				            <p>Clicca <a href="http://downloads.dvq.co.nz/" class="button">qui</a> per informazioni sul gioco.</p>
				        </div>
				    </li>
				    <li class="group">
				        <a href="#">
				            <img src="assets/img/wood6.jpg" alt="" />
				        </a>
				        <div class="rs-caption rs-bottom">
				            <h3>Caption Area</h3>
				            <p>Wood texture by <a href="http://downloads.dvq.co.nz/" class="button">Matthew Skiles.</a></p>
				        </div>
				    </li>
				    <li class="group">
				        <a href="#" class="slide-parent">
				            <img src="assets/img/greenbut.jpg" alt=""/>
				        </a>
				        <div class="rs-caption rs-top-right">
				            <p>This image is wrapped in a link.</p>
				        </div>
				    </li>
				    <li class="group">
				        <img src="assets/img/form.jpg" alt=""/>
				        <div class="rs-caption rs-bottom-right">
				            <p>Adapted from <a class="button" href="http://dribbble.com/shots/154205-Cool-Green-Signup-form">Glenn Van Bogaert</a></p>
				        </div>
				    </li>
				    <li class="group"><img src="assets/img/red.jpg" alt=""/>
				    </li>
				    <li class="group"><img src="assets/img/6.jpg" alt=""/></li>
				</ul>
            </div> <!-- /.section-2 -->
        </div> <!-- /.wrap -->
    </div> <!-- /#upper -->

   	<div id="footer" class="wrap group">
        <small id="copy">&copy; 2012 <a href="https://twitter.com/#!/alexsdunphy">Alex Dunphy</a> 2012</small>
   	</div>

    <script src="assets/js/jquery.js"></script>
    <script src="../jquery.refineslide.min.js"></script>
    <script src="assets/js/ios-orientation-change-fix.js"></script>
    <script src="assets/js/footer.js"></script>
</body>
</html>